﻿a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, tfoot, th, thead, time, tr, ul, var, video {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal
}
html{
    -webkit-text-size-adjust: none;
} 
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a {
    text-decoration: none;
    color: rgb(0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
    opacity: 1
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    font-size: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th, td, caption {
    text-align: left
}

sub,sup{
    font-size: 10px;
}

.bold{
    font-weight: 600;
}
.fr{
    float:right;
}
.fl{
    float:left;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,
.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,
h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
}

h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small {
    font-size: 65%;
}

h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small {
    font-size: 75%;
}

h1,.h1 {
    font-size: 36px;
}

h2,.h2 {
    font-size: 30px;
}

h3,.h3 {
    font-size: 24px;
}

h4,.h4 {
    font-size: 18px;
}

h5,.h5 {
    font-size: 14px;
}

h6,.h6 {
    font-size: 12px;
}
/******colors**********/
.turquoise{background-color: #1ABC9C !important;}
.green-sea{background-color: #16A085 !important;}
.emerland{background-color: #78ba00 !important;}
.nephritis{background-color: #27AE60 !important;}
.peter-river{background-color: #3498DB !important;}
.belize-hole{background-color: #2980B9 !important;}
.amethyst{background-color: #9B59B6 !important;}
.wisteria{background-color: #8E44AD !important;}
.wet-asphalt{background-color: #2C3E50 !important;}
.midnight-blue{background-color: #2C3E50 !important;}
.concrete{background-color: #95A5A6 !important;}
.asbestos{background-color: #7F8C8D !important;}
.clouds{background-color: #ECF0F1 !important;color:#666 !important}
.sliver{background-color:#BDC3C7 !important;}
.alizarin{background-color:#E74C3C !important;}
.pomegranate{background-color:#C0392B !important;}
.carrot{background-color:#E67E22 !important;}
.pumpkin{background-color:#D35400 !important;}
.sun-flower{background-color:#F1C40F !important;}
.orange{background-color:#F39C12 !important;}
.violet{background-color: #9f00a7 !important;}
/********** tip arrow*****************/
.tip-arrow-down:after{
    content: "▼";
    position: relative;
    left: 1px;
    font-size: 0.9em
}
.tip-arrow-up:after{
    content: "▲";
    position: relative;
    left: 1px;
    font-size: 0.9em;
}  
aside{
    display: none;
    font-size: 1.1em;
    box-orient:vertical;
    -webkit-box-orient:vertical;
}
aside.active{
    display: -webkit-box;
    display: box;
}
.aside-close{
    position: absolute;
    top:0;
    color: #ECF0F1;
    padding: 10px;
}
aside[data-position="left"] .aside-close{
    right: 0;
}
aside[data-position="right"] .aside-close{
    left: 0;
}
aside > *{
    -webkit-box-flex : 0;
}
aside>.header{
    overflow: hidden;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}
aside>.center{
    -webkit-box-flex : 1;
    overflow: auto;
}
aside ul.menu li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
aside ul.menu li a {
    padding: 10px 20px;
    display: block;
}
aside ul.menu li a .icon{
    float:left;
}
aside ul.menu li.anchor{
    padding: 2px 10px;
    font-size: 0.9em;
}
.back-mask{
    width: 200px;margin:60px auto;text-align: center;color: #7F8C8D
}
.back-mask .icon{
    font-size: 80px;line-height: 80px;display: block;margin-bottom: 10px;
}
.button, button {
    display: inline-block;
    padding: 8px 14px;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    border-radius: 4px;
}

.button:disabled, button:disabled, .button.disabled, button.disabled {
    background: rgba(185, 180, 182, 0.20);
    color: #999 !important
}

.button.small, button.small {
    height: 30px;
    padding: 0 8px;
    font-size: 1em;
    line-height: 28px
}
.button:active,button:active {
    opacity: .6;
}
.button.block,button.block{
    width:100%;
    
}
.button .icon, button .icon{
    float:left;
}
.jingle-calendar{
    width: 100%;
    overflow: hidden;
}
.jingle-calendar-nav{
    height: 50px;
    line-height: 50px;
    display: -webkit-box;
    display: box;
    text-align: center;
}
.jingle-calendar-nav>div{
    -webkit-box-flex : 1;
}
.jingle-calendar-nav i.icon{
    padding: 10px;
}
.jingle-calendar-body{
    overflow-x: hidden;
}
.jingle-calendar table{
    width: 100%;
}
.jingle-calendar table th{
    text-align: center;
    padding: 5px 0;
}
.jingle-calendar table td{
    text-align: center;
    padding: 15px 0;
}

.control-group {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    list-style: none;
    border-radius: 4px;
}

.control-group li {
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    -webkit-box-flex: 1;
    box-flex: 1;
    padding: 5px 0;
    border-width: 1px;
    border-style: solid;
    border-right-width: 0;
}

.control-group li > a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.control-group li:first-child {
    border-radius: 4px 0 0 4px;
}
.control-group li:last-child {
    border-right-width: 1px;
    border-radius: 0 4px 4px 0;
}
.control-group i.icon ~ a {
    padding: 0;
}


[data-count]{
    position: relative;
}
.count{
    position:absolute;
    border-radius: 30px;
    color: #fff;
    line-height: 18px;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 500;
    min-width: 8px;
    text-align: center;
    right: 7px;
    left: auto;
    top:0;
    opacity: .8;
}
.count.left{
    left:7px;
    right:auto;
}
footer{
    bottom:0;
    display: -webkit-box;
    display: box;
    border-top: 1px solid #C8C8C8;
}
footer > a{
    -webkit-box-flex : 1;
    box-flex : 1;
    display: block;
    text-align: center;
    font-size: 0.85em;
}
footer > a > .icon{
    float: none;
    display: block;
    height: 25px;
    line-height: 25px;
    padding-top: 5px;
    margin-bottom: 5px;
    font-size: 1.5em;
}
footer > a.label-right{
    text-align: left;
    line-height: 51px;
}
footer > a.label-right .icon{
    float: left;
    line-height: 51px;
    padding: 0 5px;
    font-size: 2em;
}
.footer-secondary{
    position: absolute;
    bottom: 51px;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 10px;
    display: none;
}
input,
textarea,
button,
select {
    font-family: inherit;
    font-size: inherit;
}

select,
textarea,
input[type="text"],
input[type=search],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"],
.input-group {
    width: 100%;
    height: 40px;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);
    
    -webkit-user-select: text;
    -webkit-font-smoothing: antialiased;
    -wekbit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

input[type=search] {
    height: 34px;
    font-size: 1em;
    border-radius: 30px;
}

textarea {
    height: auto;
}

select {
    height: auto;
    font-size: 1em;
    background-color: #f8f8f8;
    background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #d4d4d4 100%);
    background-image: linear-gradient(to bottom, #f8f8f8 0%, #d4d4d4 100%);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}

.input-group {
    width: auto;
    height: auto;
    padding: 0;
}

.input-group input {
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    box-shadow: none;
}

.input-group input:last-child {
    border-bottom-width: 0;
}

.input-row {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.input-row:last-child {
    border-bottom-width: 0;
}

.input-row label {
    display: block;
    width: 100px;
    padding: 11px 10px 9px 13px;
    font-weight: 400;
}

.input-row label + input {
    display: block;
    -webkit-box-flex: 1;
    box-flex : 1;
    padding-left: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.input-row label + .toggle {
    margin: 10px;
}

.label {
    background-color: #E67E22;
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px;
    margin: 0 5px;
}
.grid{
    display: -webkit-box;
    display: box;
}
.grid.middle{
    -webkit-box-pack:center;
    -webkit-box-align:center;
    box-pack:center;
    box-align:center;
}
.grid.vertical{
    -webkit-box-orient:vertical;
    box-orient:vertical;
}
.grid-label{
    -webkit-box-flex:0;
    box-flex:0;
    width: 100px;
    font-weight: 600;
}
.col-0 {-webkit-box-flex:0;box-flex:0;}
.col-1 {-webkit-box-flex:1;box-flex:1;}
.col-2 {-webkit-box-flex:2;box-flex:2;}
.col-3 {-webkit-box-flex:3;box-flex:3;}
.col-4 {-webkit-box-flex:4;box-flex:3;}
.col-5 {-webkit-box-flex:5;box-flex:5;}

header {
    top: 0;
    display: -webkit-box;
    display: box;
}
header > *{
    -webkit-box-flex : 0;
    box-flex : 0;
}
header nav.left{
    position: absolute;
    left:0;
    top:0;
    z-index: 2;
}
header nav.right{
    position: absolute;
    right:0;
    top:0;
    z-index: 2;
}
header .title {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin:0 auto;
    width:100%;
    font-size: 1.2em;
    line-height: 44px;
    text-align: center;
    white-space: nowrap;
    z-index: 1; 
    height: 60px;
    text-overflow:ellipsis;
    overflow: hidden;
    padding: 0 50px;

    
}

header .title p{
    padding: 0;margin: 0 auto;height:20px;line-height: 25px;font-size: 14px;
}

header .button,header button{
    height: 30px;
    line-height: 30px;
    margin: 5px;
    padding: 0 5px;
}
header .button:active,
header button:active {
    opacity: .6;
}
header nav{
    padding: 0 5px;
}
header nav a{
    float: left;
}
header nav a:not(.button) {
    height: 44px;
}
header nav a:not(.button):active {
    opacity: .6;
}

header nav a:not(.button) > .icon {
    font-size: 1.5em;
    float:left;
}

header .control-group{
    margin: 0 auto;
    width:140px;
    height: 30px;
    margin-top: 8px;
}

.header-secondary{
    display: -webkit-box;
    display: box;
    text-align: center;
}
.header-secondary > a{
    -webkit-box-flex : 1;
    box-flex : 1;
    display: block;
}
@font-face {
	font-family: 'Jingle';
	
	font-weight: normal;
	font-style: normal;
}

.icon{
    font-family: 'Jingle';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    /*  reset */
    display: inline;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin: 0 3px;
}
.icon.left{
    float:left;
}
.icon.right{
    float:right;
}
.icon:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.icon.diamonds:before {
    content: "\21";
}
.icon.next:before {
    content: "\22";
}
.icon.arrow-down:before {
    content: "\23";
}
.icon.arrow-up:before {
    content: "\24";
}
.icon.home:before {
    content: "\25";
}
.icon.home-2:before {
    content: "\26";
}
.icon.office:before {
    content: "\27";
}
.icon.newspaper:before {
    content: "\28";
}
.icon.pencil:before {
    content: "\29";
}
.icon.pencil-2:before {
    content: "\2a";
}
.icon.quill:before {
    content: "\2b";
}
.icon.image:before {
    content: "\2c";
}
.icon.camera:before {
    content: "\2d";
}
.icon.music:before {
    content: "\2e";
}
.icon.headphones:before {
    content: "\2f";
}
.icon.camera-2:before {
    content: "\30";
}
.icon.pacman:before {
    content: "\31";
}
.icon.connection:before {
    content: "\32";
}
.icon.podcast:before {
    content: "\33";
}
.icon.book:before {
    content: "\34";
}
.icon.books:before {
    content: "\35";
}
.icon.stack:before {
    content: "\36";
}
.icon.folder:before {
    content: "\37";
}
.icon.folder-open:before {
    content: "\38";
}
.icon.tag:before {
    content: "\39";
}
.icon.tags:before {
    content: "\3a";
}
.icon.barcode:before {
    content: "\3b";
}
.icon.qrcode:before {
    content: "\3c";
}
.icon.cart:before {
    content: "\3d";
}
.icon.phone:before {
    content: "\3e";
}
.icon.phone-hang-up:before {
    content: "\3f";
}
.icon.address-book:before {
    content: "\40";
}
.icon.envelop:before {
    content: "\41";
}
.icon.pushpin:before {
    content: "\42";
}
.icon.location:before {
    content: "\43";
}
.icon.map:before {
    content: "\44";
}
.icon.alarm:before {
    content: "\45";
}
.icon.bell:before {
    content: "\46";
}
.icon.calendar:before {
    content: "\47";
}
.icon.mobile:before {
    content: "\48";
}
.icon.cabinet:before {
    content: "\49";
}
.icon.drawer:before {
    content: "\4a";
}
.icon.drawer-2:before {
    content: "\4b";
}
.icon.drawer-3:before {
    content: "\4c";
}
.icon.redo:before {
    content: "\4d";
}
.icon.forward:before {
    content: "\4e";
}
.icon.reply:before {
    content: "\4f";
}
.icon.bubble:before {
    content: "\50";
}
.icon.bubbles:before {
    content: "\51";
}
.icon.user:before {
    content: "\52";
}
.icon.users:before {
    content: "\53";
}
@-webkit-keyframes spinner {
	0% { -webkit-transform: rotate(0deg); }
	50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); }
}
.icon.spinner{
    display: inline-block;
    -webkit-animation: spinner .8s infinite linear;
    animation: spinner .8s infinite linear;
}
.icon.spinner:before {
    content: "\54";
}
.icon.search:before {
    content: "\55";
}
.icon.expand:before {
    content: "\56";
}
.icon.contract:before {
    content: "\57";
}
.icon.expand-2:before {
    content: "\58";
}
.icon.contract-2:before {
    content: "\59";
}
.icon.key:before {
    content: "\5a";
}
.icon.lock:before {
    content: "\5b";
}
.icon.unlocked:before {
    content: "\5c";
}
.icon.wrench:before {
    content: "\5d";
}
.icon.cogs:before {
    content: "\5e";
}
.icon.cog:before {
    content: "\5f";
}
.icon.wand:before {
    content: "\60";
}
.icon.pie:before {
    content: "\61";
}
.icon.stats:before {
    content: "\62";
}
.icon.bars:before {
    content: "\63";
}
.icon.bars-2:before {
    content: "\64";
}
.icon.gift:before {
    content: "\65";
}
.icon.meter:before {
    content: "\66";
}
.icon.remove:before {
    content: "\67";
}
.icon.airplane:before {
    content: "\68";
}
.icon.truck:before {
    content: "\69";
}
.icon.road:before {
    content: "\6a";
}
.icon.accessibility:before {
    content: "\6b";
}
.icon.target:before {
    content: "\6c";
}
.icon.lightning:before {
    content: "\6d";
}
.icon.switch:before {
    content: "\6e";
}
.icon.power-cord:before {
    content: "\6f";
}
.icon.signup:before {
    content: "\70";
}
.icon.options:before {
    content: "\71";
}
.icon.tree:before {
    content: "\72";
}
.icon.cloud:before {
    content: "\73";
}
.icon.cloud-download:before {
    content: "\74";
}
.icon.cloud-upload:before {
    content: "\75";
}
.icon.earth:before {
    content: "\76";
}
.icon.attachment:before {
    content: "\77";
}
.icon.brightness-medium:before {
    content: "\78";
}
.icon.brightness-contrast:before {
    content: "\79";
}
.icon.contrast:before {
    content: "\7a";
}
.icon.thumbs-up:before {
    content: "\7b";
}
.icon.thumbs-up-2:before {
    content: "\7c";
}
.icon.notification:before {
    content: "\7d";
}
.icon.question:before {
    content: "\7e";
}
.icon.info:before {
    content: "\e000";
}
.icon.info-2:before {
    content: "\e001";
}
.icon.blocked:before {
    content: "\e002";
}
.icon.cancel-circle:before {
    content: "\e003";
}
.icon.checkmark-circle:before {
    content: "\e004";
}
.icon.close:before {
    content: "\e005";
}
.icon.checkmark:before {
    content: "\e006";
}
.icon.minus:before {
    content: "\e007";
}
.icon.plus:before {
    content: "\e008";
}
.icon.enter:before {
    content: "\e009";
}
.icon.exit:before {
    content: "\e00a";
}
.icon.play:before {
    content: "\e00b";
}
.icon.pause:before {
    content: "\e00c";
}
.icon.stop:before {
    content: "\e00d";
}
.icon.backward:before {
    content: "\e00e";
}
.icon.forward-2:before {
    content: "\e00f";
}
.icon.eject:before {
    content: "\e014";
}
.icon.volume-high:before {
    content: "\e015";
}
.icon.volume-medium:before {
    content: "\e016";
}
.icon.volume-low:before {
    content: "\e017";
}
.icon.volume-mute:before {
    content: "\e018";
}
.icon.tab:before {
    content: "\e019";
}
.icon.previous:before {
    content: "\e01a";
}
.icon.checkbox-unchecked:before {
    content: "\e01b";
}
.icon.checkbox-partial:before {
    content: "\e01c";
}
.icon.radio-checked:before {
    content: "\e01d";
}
.icon.radio-unchecked:before {
    content: "\e01e";
}
.icon.crop:before {
    content: "\e01f";
}
.icon.scissors:before {
    content: "\e020";
}
.icon.share:before {
    content: "\e021";
}
.icon.html5:before {
    content: "\e022";
}
.icon.html5-2:before {
    content: "\e023";
}
.icon.chrome:before {
    content: "\e024";
}
.icon.libreoffice:before {
    content: "\e025";
}
.icon.IE:before {
    content: "\e026";
}
.icon.firefox:before {
    content: "\e027";
}
.icon.volume-mute-2:before {
    content: "\e028";
}
.icon.volume-increase:before {
    content: "\e029";
}
.icon.volume-decrease:before {
    content: "\e02a";
}
.icon.loop:before {
    content: "\e02b";
}
.icon.shuffle:before {
    content: "\e02c";
}
.icon.arrow-left:before {
    content: "\e02d";
}
.icon.arrow-right:before {
    content: "\e02e";
}
.icon.arrow-down-right:before {
    content: "\e02f";
}
.icon.arrow-down-2:before {
    content: "\e030";
}
.icon.arrow-down-left:before {
    content: "\e031";
}
.icon.checkbox-checked:before {
    content: "\e032";
}
.icon.file:before {
    content: "\e033";
}
.icon.file-2:before {
    content: "\e034";
}
.icon.rocket:before {
    content: "\e035";
}
.icon.flag:before {
    content: "\e036";
}
.icon.arrow-up-left:before {
    content: "\e037";
}
.icon.arrow-up-2:before {
    content: "\e038";
}
.icon.arrow-up-right:before {
    content: "\e039";
}
.icon.arrow-right-2:before {
    content: "\e03a";
}
.icon.arrow-down-right-2:before {
    content: "\e03b";
}
.icon.arrow-down-3:before {
    content: "\e03c";
}
.icon.arrow-down-left-2:before {
    content: "\e03d";
}
.icon.arrow-left-2:before {
    content: "\e03e";
}
.icon.area:before {
    content: "\e03f";
}
.icon.sina-weibo:before {
    content: "\e040";
}
.icon.renren:before {
    content: "\e041";
}
.icon.qq:before {
    content: "\e042";
}
.icon.signal:before {
    content: "\e043";
}
.icon.database:before {
    content: "\e044";
}
.icon.undo:before {
    content: "\e045";
}
.icon.menu:before {
    content: "\e046";
}
.icon.list:before {
    content: "\e047";
}
.icon.grid:before {
    content: "\e049";
}
.icon.ellipsis:before {
    content: "\e04a";
}
.icon.star:before {
    content: "\e04b";
}
.icon.star-2:before {
    content: "\e04c";
}
.icon.star-3:before {
    content: "\e04d";
}
.icon.arrow-up-3:before {
    content: "\e04e";
}
.icon.arrow-up-right-2:before {
    content: "\e04f";
}
.icon.arrow-up-left-2:before {
    content: "\e050";
}
.icon.target-2:before {
    content: "\e048";
}
.icon.images:before {
    content: "\e051";
}
/**
     ******************************
     *       *        header      *
     *       **********************
     *       *                    *
     * aside *                    *
     *       *      article       *
     *       *                    *
     *       *                    *
     *       **********************
     *       *       footer       *
     ******************************

**/
aside{
    position: absolute;
    width: 264px;
    top:0;
    bottom:0;
    -webkit-transform : translateX(-100%);
    transform : translateX(-100%);
    z-index: 3;
}

#section_container{
    overflow: hidden;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    z-index: 3;
    /*background: #64A4E1;
    background-image: -webkit-linear-gradient(top left, #64A4E1, rgb(0, 0, 0));
    background-image: -moz-linear-gradient(top left, #64A4E1, rgb(0, 0, 0));
    background-image: -o-linear-gradient(top left, #64A4E1, rgb(0, 0, 0));
    background-image: linear-gradient(to bottom right, #64A4E1, rgb(0, 0, 0));*/
}
#section_container_mask{
    position: absolute;
    overflow: hidden;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    z-index: 10;
    display: none;
}

section{

 /*
     display: none;
   top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;*/
    z-index: 4;
    overflow:hidden;

}
section.anim:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
section.active{
    z-index: 6 ;
    display: block;
    overflow:auto;overflow-x: hidden
}
section.animating{
    z-index: 5 ;
    display: block;
}
 article{
   /* top: 0;
    bottom: 0;
    width: 100%;
    visibility: hidden;
  display: none; */
    overflow:hidden;
    z-index: 0;
    background-color: #fff;
}
article.active{
    visibility: visible;
    display: block;
    z-index: 1;
}
header,footer,.header-secondary{

    left: 0;
    width: 100%;
    z-index: 10
}
header{
    top:0;
    height: 60px;
    line-height: 60px;
}
.header-secondary{
    top:60px;
    height: 30px;
    line-height: 30px;
    font-size: .9em;
}
footer{
    bottom: 0;
    height: 51px;
}
footer ~ article {
    bottom: 51px;
}
header ~ article{
    top:44px;
}
.header-secondary{
    top:44px;
}
.header-secondary ~ article{
    top:74px;
}

/* Lists
-------------------------------------------------- */
ul.list {
    list-style: none;
}

.list>li {
    position: relative;
    padding: 15px 20px 15px 10px; 
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.list>li:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.list>li > a:not([class*="button"]) {
    position: relative;
    display: block;
    padding: inherit;
    margin:-15px -20px -15px -10px;;
    color: inherit;
}
.list>li strong{
    color: #333;
    font-size: 1.2em;
}
.list>li p{
    color:#7a7a7a;
    font-size: 0.9em;
    padding-top: 5px;
}
.list>li > .icon{
    position: absolute;
    right: 5px;
    top:50%;
    font-size: 18px;
    margin-top: -9px;
    color: #BDC3C7;
}

.list>li .tag{
    position: absolute;
    top:10px;
    right: 10px;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 0.8em;
}
.icon ~ .tag{
    right: 30px !important;
}


/* Inset list
-------------------------------------------------- */

.list.inset {
    width: auto;
    margin-right: 10px;
    margin-left: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.list.inset>li:first-child {
    border-top-width: 0;
}
.list.inset>li:last-child {
    border-bottom-width: 0;
}


.list .divider {
    position: relative;
    top: -1px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    background-color: #f8f8f8;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.list.inset .divider:first-child {
    top: 0;
    border-top-width: 0;
    border-radius: 6px 6px 0 0;
}

.list.inset .divider:last-child {
    border-radius: 0 0 6px 6px;
}
#jingle_popup_mask{
    display: none;
    position: absolute;
      z-index: 10002;
    left: 0;
    right:0;
    top:0;
    bottom: 0;
    opacity: 0;
}
#jingle_popup{
    display: none;
    position: absolute;
    left: 0;
    right:0;
    z-index: 10003;
    min-height: 50px;
}
#jingle_popup.arrow{
    border-radius: 5px;
}
#jingle_popup.arrow:after{
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 10px;
}
#jingle_popup.arrow.top:after{
     bottom: 100%;
     left: 50%;
     margin-left: -10px;
 }
#jingle_popup.arrow.right:after{
    left: 100%;
    top: 50%;
    margin-top: -10px;
}
#jingle_popup.arrow.bottom:after{
    top: 100%;
    left: 50%;
    margin-left: -10px;
}
#jingle_popup.arrow.left:after{
    top: 50%;
    right: 100%;
    margin-top: -10px;
}
#popup_btn_container{
    text-align: center;
    margin-top: 10px;
    display: -webkit-box;
    display: box;
}
#popup_btn_container > a{
    -webkit-box-flex:1;
    box-flex:1;
    padding: 10px;
    display: block;
    color: #222;
    border:1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
    border-bottom: none;
}
#popup_btn_container > a:last-child{
    border-right: 0 none;
}
.popup-title{
    text-align: left;
    padding: 10px;
}
.popup-content{
    padding: 0 10px 10px 10px;
    line-height: 1.2em;
}
#tag_close_popup{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1em;
    padding: 5px 5px 10px 10px;
}
#jingle_popup .nav{
    text-align: center;
    font-size: 1em;
}

#jingle_popup.loading{
    top:50%;
    left: 50%;
    margin: -75px 0 0 -75px;
    opacity: .9;
    text-align: center;
    width: 150px;
    height: 150px;
    border-radius: 10px;
}
#jingle_popup.loading i.icon{
    font-size: 4em;
    line-height: 110px;
    margin:0;
} 
.slider{
    position: relative;
    overflow: hidden;
}
.slider>div>*{
    display: none;
}
.dots{
    width:100%;height: 20px;position:absolute;left: 0;bottom: 10px;z-index: 999;
    opacity: .7;
}
.dots ul{
    margin:0 auto;
    width: 112px;
    height: 20px;
    padding: 0px 8px;
    display: -webkit-box;
    display: box;
}
.dots ul li{
    list-style: none;
    -webkit-box-flex : 1;
    height: 20px;
    padding:5px 10px;
}
.dots ul li a{
    display: block;
    width: 10px;height: 10px;
    border-radius: 10px;
}
/*** aside  ****/
aside{
    background: #393939;
    color: #fff;
}
.aside-close{
    color: #ECF0F1;
}
aside>.header{
    border-bottom: 1px solid #000;
    background-color: #393939;
    background-image: -webkit-linear-gradient(top, #393939 0, #2b2b2b 100%);
    color: #fff;
}
aside ul.menu li a {
    color: #fff;
}
aside ul.menu li.anchor{
    color: #8b9195;
}
/*** background mask **/
.back-mask{
    color: #7F8C8D
}
/**** button ****/
.button, button {
    color: #fff;
    background-color: rgb(0, 0, 0);
}
.button.light,button.light{
    border: 1px solid rgb(0, 0, 0);
    color: rgb(0, 0, 0);
    background: none;
}
/**** control group **/
.control-group li{
    border-color:rgb(0, 0, 0);
}
.control-group li > a {
    color: rgb(0, 0, 0);
}
.control-group li.active {
    background: rgb(0, 0, 0);
    color:#fff;
}
.control-group .icon{
    color: rgb(0, 0, 0);
}
header .control-group {
    margin: 0 auto;
    width: 140px;
    height: 30px;
    margin-top: 8px;
    line-height: 30px;
}
header .control-group li{
    border-color: #fff;
    padding: 0;
}
header .control-group li.active{
    background: #fff;
    color: #158f75;
}
.control-group li.active a,.control-group li.active .icon{
    color: #fff;
}
.control-group .icon{
    color: rgb(0, 0, 0);
}

/**** counts ****/
.count{
    background-color: #E74C3C;
}
/**** dots ****/
.dots ul li a{
    background: #b9b4b6;
}
.dots ul li.active a{
    background-color: #4c4d4c;
}
/**** footer ****/
footer{
    background-color: #262F3D;
}
footer > a{
    color: #fff;
}
footer > a.active{
    color: rgb(0, 0, 0);
}
footer .active .icon{
    color: rgb(0, 0, 0);
}
.footer-secondary{
    background-color: #262F3D;
    color: #fff;
}
/**** header ****/
header{
    background-color: #fff;
    border-bottom: 1px solid #eee;
    color:rgb(0, 0, 0);
    position:relative;
}
header .title{
    color: rgb(0, 0, 0);
}
header .button,header button{
    background: none;
    border: 1px solid #000;
    color: rgb(0, 0, 0);
}
header nav a:not(.button){
    color: rgb(0, 0, 0);
}
.header-secondary{
    background-color: #626262;
    color: #fff;
}
/**** list ****/
ul.list {
    background-color: #fff;
}
.list>li.active{
    background-color: rgba(231, 238, 229, 0.75) !important;
}
.list>li.active>.icon{
    color: rgb(0, 0, 0);
}
.list>li .tag{
    background-color: #3498DB;
    color: #fff;
}

/**** popup ****/
#jingle_popup_mask{
    background-color: #222;
}
#jingle_popup{
    background-color: #eef3f3;
    color: #222;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.6);
}
#jingle_popup.arrow.top:after{
    border-bottom-color: #CAD1DA;
}
#jingle_popup.arrow.right:after{
    border-left-color: #CAD1DA;
}
#jingle_popup.arrow.bottom:after{
    border-top-color: #CAD1DA;
}
#jingle_popup.arrow.left:after{
    border-right-color: #CAD1DA;
}
#popup_btn_container{
}
.popup-title{
    color: #33b4db;
}
#tag_close_popup{
    color: #BDC3C7;
}
#jingle_popup .nav{
    color: #000;
}
#jingle_popup .nav.active,#jingle_popup .nav:active{
    background-color: #79db8d !important;
    color: #fff;
}
#jingle_popup.loading{
    background-color: #2C3E50;
}
#jingle_popup.loading p{
    color: #BDC3C7;
}
#jingle_popup.loading i.icon{
    color: #fff;
} 

/**** progress ****/
[data-progress]{
    background: #fff;
    border: 1px solid #343431;
}
[data-progress] .bar{
    background: #343431;
    color: #fff;
}
/**** range ****/
input[type="range"]{
    border:1px solid #343431;
}
input[type="range"]::-webkit-slider-thumb{
    background: #343431;
}
/**** toggles ****/
.toggle {
    background-color: #656968;
}
.toggle-handle{
    background-color: #fff;
    border: 1px solid #656968;
}
.toggle.active {
    background-color: #343431;
}
.toggle.active .toggle-handle{
    background-color: #fff;
    border:1px solid #343431;
}
/**** selected ****/
.selected{
    background-color: #343431 !important;
    color: #fff;
}
/**** calendar ****/
.jingle-calendar{
    background-color: #eee;
}
.jingle-calendar-nav{
    background-color: #262F3D;
    color: #fff;
}
.jingle-calendar table thead{
    background: #eee;
}
.jingle-calendar table tbody{
    background: #f5f5f5;
}
.jingle-calendar table td{
    border: 1px solid #fff;
}
.jingle-calendar table td.active{
    background-color: #343431;
}
#jingle_toast{
    display: none;
    position: absolute;
      z-index: 10001;
    color: #fff;
}
#jingle_toast{
    top: 70%;
    font-size: 1em;
    text-align: center;
    width: 100%;
    left: 0;
}
#jingle_toast.top{
    top: 50px;
    opacity: .7;
}
#jingle_toast>a{
    padding: 10px 15px;
    background: #222;
    display: inline-block;
    max-width: 90%;
    margin: 0 auto;
    color:#fff;
    text-align: center;
}
#jingle_toast.top>a{
    width:90%;
}
#jingle_toast.success>a{background-color: #27AE60;!important}
#jingle_toast.error>a{background-color: #E74C3C;!important}
#jingle_toast.info>a{background-color: #F1C40F;!important}

#jingle_toast i.icon{
    margin-right: 10px;
}
.toggle {
    position: relative;
    width: 70px;
    height: 28px;
    border-radius: 8px;
    display:inline-block;
    text-align: center;
}
/** 自定义文本 **/
[data-on]:before {
    content: attr(data-off) !important;
    font-family: "Open Sans" !important;
    font-size: .9em !important;
    line-height: 28px;
    color: #fff;
    margin-left: 30px;
}

[data-on].active:before {
    content: attr(data-on) !important;
    margin-right: 30px;
    margin-left: 0;
}
.toggle-handle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 30px;
    height: 28px;
    -webkit-transition : left 0.1s ease-in-out;
    transition : left 0.1s ease-in-out;
    border-radius: 7px 0 0 7px;
}
.toggle.active .toggle-handle {
    left:40px;
    border-radius:0 7px 7px 0;
}


.refresh-container{
    padding:10px;
    text-align: center;
}
.refresh-icon{
    font-size: 1.1em;
    display: inline-block;
}
.refresh-label{
    font-size: 1em;
    display: inline-block;
}
.refresh-tip{
    display: block;
    padding: 3px;
    font-size: .9em;
}


.indented > * {
    margin: 5px 10px;
}
.app-list{
    width:96%;
    margin: 10px auto;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.app-list li{
    display: -webkit-box;
}

.app-list .btn{
    width: auto;
    height: auto;
    padding: 10px;
    text-align: center;
}

.app-list span.icon{
    position: inherit;
    font-size: 40px;
    color:rgb(0, 0, 0);
    padding: 0 10px;
}
.app-list a{
    -webkit-box-flex:1;
}
.app-btn-group{
    width: auto;
    height: auto;
    text-align: center;
}
.app-btn-group > *{
    margin: 5px 0;
}

.icon-container{
    width:100%;
}
.icon-container > *{
    margin:10px;
    padding-top: 50px;
    float: left;
    width: 7em;
    height: 85px;
    background-color: #eee;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.icon-container .icon{
    font-size: 2em;
    width:100%;
    text-align: center;
    padding:5px;
    position: absolute;
    left: 0;
    top:15px;
}

@-webkit-keyframes flipIn {
    0% { -webkit-transform: perspective(1000px) rotateY(90deg);opacity: 0;}
    100% {-webkit-transform: perspective(1000px) rotateY(0deg); opacity: 1;}
}
.flipIn {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipIn;
    -webkit-transform-origin: top left;
}
@-webkit-keyframes flipOut {
    0% { -webkit-transform: perspective(1000px) rotateY(90deg);opacity: 0;}
    100% {-webkit-transform: perspective(1000px) rotateY(0deg); opacity: 1;}
}
.flipOut {
    -webkit-animation-name: flipOut;
    -webkit-backface-visibility: visible !important;
    -webkit-transform-origin: top right;
}
 
.arrow_container{
    color: #fff;
    display: none;
    border-radius: 4px;
    border: 1px solid #E64816;
    background: #E64816;
    padding: 5px;
    text-align: center;
    position: relative;
    width:60%;
    margin:10px auto;
}
.arrow_container:after{
    bottom: 100%;
    left: 50%;
    margin-left: -20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 20px;
    border-bottom-color: #E64816;
} 
 
 
.member_info{
    background: #f7f3f2;
    padding-top:5px;
    min-height: 55px;
    font-size: 0.8em;
    
}
.member_info i{
    width:50px;
    margin-left:10px;
    float: left;

}
.member_info img{
    width:40px;
    height: 40px; 
    border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius:20px;
    border: none;
  
}

.member_info .info{
    margin-left:5px; 
    float:left;
    height:40px;
    width: 150px;
    text-align: center;
}

.member_info .name{   
    float:left;
    height:20px;
    line-height: 20px;
    clear: both;
}

.member_info .wechat{   
    float:left;
    height:20px;
    line-height: 20px;
    clear: both;
}

.member_info .info b {
    height:20px;
    margin-top: 20px;
}

.member_info .order  {
    height: 30px;
    margin-top: 20px;
}

.member_info  .infoTip {
      width: 100%; clear: both;
      padding: 0 5px;
      font-size: 0.8em;
  } 
  
 .member_info  .infoTip li {
       float: left;
       display: block;
       line-height: 20px;

   }  
   
 .member_info  .infoTip label {
       color: #d2691e;
   } 

 
.pageContent{
    overflow: hidden;
    width:98%;
    margin: 0 auto;
}

.left{
  float: left;
}
.right{
float: right;
}
.w30{
    width:30%;
}

.record-list{
    width:96%;
    margin: 5px auto;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.record-list li{
    display: -webkit-box;
}
.record-list span.icon{
    position: inherit;
    font-size: 40px;
    color: #524d4b;
    padding: 0 10px;
}
.record-list a{
    -webkit-box-flex:1;
}
.record-list p{
   width:80%;
}

.scroll-area {
    display: block;
    height: 100%;
    overflow:auto;overflow-x: hidden;
    box-sizing: border-box;
}

.scroll-area-list { 
     overflow:auto;
    overflow-x: hidden;
     display: block;
     height: 100%;
      width: 100%;
}

.pro-list-area {
    width: 100%;
}
.fl-l {
    float: left;
}
.pro-list-item {
    width: 50%;
    float: left;
    box-sizing: border-box;
    height: 190px;
    padding: 5px;
    border-bottom: 0 none;
}
.pro-list-item-inner {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
}


.pro-list-item img {
    display: block;
    margin-left: -13px;
    width: 120px;
    margin: 0 auto;
    border: none;
}

.pro-list-item h5 {
    font-size: 14px;
    padding:1px;
    font-weight: normal;
}
.pro-list-item .price{
    color:#fd578e; float:right; font-size:14px; font-weight:bold;
}

  

.s-img-area img {
    max-width: 316px;
    max-height: 238px;
    margin: 0 auto;
}
.s-img-area img {
    display: block;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.animated-quick {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.wap-pro-tip {
    text-align: right;
    padding-right: 20px;
    color: #f9a;
    font-size: 10px;
  
    height: 30px;
    line-height:30px;
    
}

.wap-price-area {
    border-bottom: 1px solid #ccc;
    background: #fff;
    padding: 10px 0 0 0;
}

.wap-price-area .buy-price {
    color: #ff7e00;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 16px;
}

.wap-price-intro {
    position: relative;
    padding: 10px;
    line-height: 26px;
}


.detail{
    position: relative;
    padding:5px 10px;
    font-size: 0.9em;
    color: #5a5a5a;
}
.content{
    width:100%;
    margin: 0 auto;

}

.content img{
    width:100%;
    margin: 0 auto;

}

.app-bottom {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
}
.wap-bug-btn {
    width: 100%;
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    background: #f6f6f6;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #ddd;
}
.btn {
    padding: 0 20px;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #616161;
    background: 0;
    border: 0 none;
    text-align: center;
    border: 1px solid #d8d7d7;
    background: #e4e4e4;
    border-radius: 4px;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.big-btn {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 6px;
}

.status1-btn {
    background: #d11c08;
    border: 1px solid #b31807;
    color: #fff;
}

.giftinfo{
     width: 98%;
   margin-top: 10px;
}
.giftinfo .reduce{
    font-size:20px;
    color: #000;
    line-height: 26px;
}

.giftinfo .add{
    font-size:20px;
    color: #000;
    line-height: 26px;
}


.giftinfo input{
    padding: 0;
    margin: 0;
    height: 20px;
}

.giftinfo .title{
   width: 80px;
   display: block;
}
.giftinfo-list{
    width:96%;
    margin: 5px auto;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}
.giftinfo-list li{
    display: -webkit-box;
    padding: 5px;
}

 

.music_list li, .music_list a {
    display: block;
    line-height: 40px;
    height: 40px;
    font-size: 80%; 
}

  .music_list li a {
        padding-left: 10px;
        text-decoration: none;
        color: #000;
    }

.music_ico {
     font-size: 80%; 
    color: #000;
    overflow: hidden;
}

.music_ico1 {
   font-size: 80%; 
    color: #000;
    overflow: hidden;
    border-top: 1px solid #ccc;
    -moz-box-shadow: 0px 0px 6px #D9D9D9;
    -webkit-box-shadow: 0px 0px 6px #D9D9D9;
    box-shadow: 0px 0px 6px #D9D9D9;
}

.music_list ul {
    border-radius: 3px;
    margin: 6px;
    border: 1px solid #ccc;
    background: #F6F6F6;
    word-wrap: break-word;
    word-break: normal;
    -moz-box-shadow: 0px 0px 6px #D9D9D9;
    -webkit-box-shadow: 0px 0px 6px #D9D9D9;
    box-shadow: 0px 0px 6px #D9D9D9;
}

.user_center li {
    position: relative;
    padding-left: 5px;
    text-shadow: 0 1px 0 #fff;
}

/*防伪查询*/
  .result_content {
         width: 80%;
            margin: 0 auto;
            color: #000;
    }

     .QueryPanl {
        width: 99%;
         margin: 0 auto;
     }
   /*防伪查询 end*/





   
.product-list{
    width:96%;
    margin: 5px auto;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.product-list li{
    display: -webkit-box;
} 
.product-list img{
    width: 80px;
    height: 80px;
    border: none;
    padding: 5px;
    margin: 5px;
} 

.product-list span.icon{
    position: inherit;
    font-size: 40px;
    color: #524d4b;
    padding: 0 10px;
}
.product-list i{
    
}
 
.product-list a{
    -webkit-box-flex:1;
}

.introduction {
    font-size: 12px;
}

.introduction img{
    width: 100%;
}

.introduction b{
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    padding: 3px;
}
.introduction .imgp {
    float:left;padding:5px;width:auto;
}

.introduction .age i{
   display: block;
    padding: 3px;
    font-style: normal;
     font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    float: left;
    margin: 0;
    width: 20%;
}

.introduction .age span{
    display: block;
     padding: 3px; 
    margin: 0;
    font-style: normal; 
    float: left;
     width: 80%;
}
.introduction .age p{
    display: block;
    clear: both;
}
 
 
  

/*底部*/
 

  .navbar_div {
                position: fixed;
                bottom: 0;
                width: 100%;
                height: 50px;
                z-index: 9999;
                background-color: rgba(39, 39, 39, 1);
                border: 0;
                text-shadow: none; /*{a-page-shadow-x}; */

           
            }

            /**底部导航*/

            .nav_foot ul {
                list-style: none;
             
                padding: 0;
                position: relative;
                display: block;
                border: 0;
                max-width: 100%;
                overflow: visible;
                zoom: 1;
            }
            .nav_foot ul li{
                width: 50%; 
                margin: 0;
                padding: 0;
                border: 0;
                float: left;
                min-height: 1px;
                box-sizing: border-box;
                display: block;
                text-align: center;
 
                border-right-width: 0;
                height: 50px;
            }
            .ui-btn-inner { 
                color: #fff /*{a-bar-color}*/;
                font-weight: bold;
                font-size: 12px;
                padding:3px 10px;
                min-width: .75em;
                display: block;
                position: relative;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                zoom: 1;
                height: 46px; 
                text-align: center;
                margin:0;
                border-right-width: 0;
                 background-color: rgba(39, 39, 39, 1);
            }

             

            .ui-btn-text {
                position: relative;
                z-index: 1;
                width: 100%;
                -moz-user-select: none;
                -webkit-user-select: none;
                -ms-user-select: none;
                top: 6px;
                clear: both;
                 color: #fff
            }

            .ui-border {
                border-left: #ffffff solid 1px;
            }

            #cssWebsite img {
                margin-top: 5px;
                width: 50%;
                 max-width: 140px;
                max-height: 38px
                
            } 

            #cssQuery   img{
                margin-top: 5px;
                width: 50%;
                max-width: 140px;
                max-height: 38px
            } 


.tel_title {
      margin: 0 auto; 
     text-align: center; 
     max-height: 50px; 
    font-size: 18px;
    line-height:30px;
    font-weight: 800;
    font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif;
    width: 100%;
    text-align: center;
    color:black;height:32px;
    background: #F9FAFC;
    
   
}
.tel_title span {
    color:black;
      font-size: 14px;
}
.tel_title i { 
    margin-right: 10px;
      font-size: 18px;
}
.tel_title  img{
  
    width: 100%;
    display: block;
    
    max-height:49px;max-width: 480px;
    margin: 0 auto;
} 
 /*会员中心*/

  .error {
    background: none repeat scroll 0 0 #FFEBE8;
    border: 1px solid #f5c2bb;
    margin: 3px;
    padding: 3px;
}

  .contents  .title {
      font-size:130%;
      padding:10px 5px;
      margin: 8px auto;
      clear: both;
 }
 .contents 
{ 
    margin:0 auto;
    font-size: 100%;
    line-height: 100%;
    padding:0; 
    overflow: hidden;  
}
 .contents table { 
    margin:5px auto;
    background: transparent;
    border: solid 1px #dcdcdc;
    width: 98%;
}

  .contents table td{
   
    background: transparent;
    border-bottom: solid 1px #dcdcdc;
    line-height: 25px;
}

 .backnenu {
    background: none repeat scroll 0 0 #07489a;
    border: 0 none;
    color: #FFFFFF;
    margin:10px;
    cursor:pointer;
    padding:0;
     height: 25px;
     line-height: 25px;
     display: block;
    
} 
 .navindex li {
	list-style:none;
	text-align:center; 
    display:block; 
    float:left;
     margin:10px auto;
     padding: 0;
     width: 32%;
}
.navindex li img {
    margin: 0 auto;
     width: 80px;
    margin: 5px;
}
 
 

.navindex .icon {
   color: #0e2b05;
    font-size:2.8em;
    font-weight: 500;
    padding: 0;
    margin: 0;
   width: 80px;
}

.navindex p {
    color: #0e2b05;
    font-size:1.2em;
    font-weight: 500;
    padding: 0;
    margin: 0;
    height: 20px;
    line-height: 20px;
}
 
.navindex   h1{ text-align: center;}

 .navindex li a{ 
	display:block; 
    font-size: 100%;
    line-height: 100%; 
    line-height:50px;
	overflow:hidden;
	position:relative;
    cursor: pointer;
}
 .sec, .ssec, .pager {
    line-height: 120%;
    padding: 5px 6px;
}
.ssec .ssec {
    margin-bottom: 5px;
    padding: 0;
}
.sec, .list, .ssec {
     
    clear: both;
}



.giflist {
  background: none repeat scroll 0 0 #CEE1EE;
   
}
.giflist ul {

	margin:0 auto;
	padding:8px; 
    width: 90%;
     
}

.giflist li {
	list-style:none; 
    padding:2px 0; 
    display:block; 
    float:left;
    height: 220px;
    width: 50%;
    text-align: center;
}

.giflist img {
    vertical-align:top;
    width: 140px;
    height: 140px;
}
 
 .giflist  h1{ text-align: center;}



 .giftdetail {
     margin: 3px;

 }
  .giftdetail img{
      width: 100%; 
 }
 
  .addCart{
     width:70px;height:22px;
      text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer;
      font-size: 12px;
      padding: 0;
  }

  
  .SubOrder {
     width:70px;height:22px;
      text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer;
      font-size: 12px;
      padding: 0;
}
   .confirmOrder {
      width:70px;height:22px;
      text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer;
      font-size: 12px;
      padding: 0;
}
  .gotoCart {
     width:70px;height:22px;
      text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer;
      font-size: 12px;
      padding: 0;
}

    .gotoShoping {
      width:70px;height:22px;
      text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer;
      font-size: 12px;
      padding: 0;
}

  
.minicart
{
     float:right;color:#fff;padding:5px 3px; line-height:90%;
        font-size: 90%;
}
 
.minicart a:link,.minicart a:visited{color:#fff; text-decoration:none;}
.minicart a:hover{color:#ff6a00;background-color: #ffffff; text-decoration:none;}


/*购物车*/

.order-table {
    margin-top: 5px;
    width: 100%;
     border: 1px solid #cecfce;
    font-size: 12px;
}
.order-table select {
    height: 24px;
    width: 140px;
}
.order-table th {
    border-left: 2px solid #FFFFFF;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #cecfce;border-bottom: 2px solid #B2D1FF
}
.order-table th.s-title {
    border-left: 0 none;
    width: 130px;

}
.order-table th.s-price {
    width: 50px;
}
.order-table th.s-amount {
    width: 70px;
}
 
.order-table th.s-total {
    width: 60px;
}

.order-table th.s-oper {
    width: 60px;
}


.order-table th hr {
    background-color: #B2D1FF;
    color: #B2D1FF;
    height: 3px;
}
hr {
    background-color: #D1D7DC;
    border: medium none;
    color: #D1D7DC;
    height: 1px;
}



.flow-steps {
    margin: 2px 0;
    overflow: hidden;
}
.flow-steps .num3 li {
   width: 86px;
}
.flow-steps .num4 li {
   width: 87px;
}
.flow-steps .num5 li {
    width: 86px;
}
.flow-steps .num6 li {
    width: 86px;
}
.flow-steps li {
    background: url("/a/images/flow_steps_bg.png") no-repeat scroll 100% 0 #E4E4E4;
    color: #404040;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    padding: 0 5px 0 0;
    text-align: center;
}
.flow-steps li span, .flow-steps li strong {
    display: block;
}
.flow-steps li .first {
    background: url("/a/images/flow_steps_bg.png") no-repeat scroll -12px -69px #E4E4E4;
}
.flow-steps li.last {
    background-position: 100% -138px;
}
.flow-steps li.current {
    background-color: #FF6600;
    color: #FFFFFF;
}
.flow-steps li.current .first {
    background-color: #FF6600;
    background-position: -12px -92px;
}
.flow-steps li.current-prev {
    background-position: 100% -23px !important;
}
.flow-steps li.done {
    background-color: #FFE6BA;
    background-position: 100% -46px;
    color: #FF6600;
}
.flow-steps li.done .first {
    background-color: #FFE6BA;
    background-position: -12px -115px;
}
.flow-steps li.last-current {
    background-color: #FF6600;
    background-position: 100% -161px;
    color: #FFFFFF;
}
li {
    list-style: none outside none;
}
/*购物车 end*/

#profile {
	background-color:#ffffff;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
	height: 135px;
	font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif;
}

.info_head_img {
     width: 80px;
    height: 80px;
     margin: 0 auto;
     margin-top: 15px;
     font-size: 40px; 
    border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius:40px;
    background: #000000;
    color: #ffffff;
}

.info_head_img i{
    margin-top: 30px;
    margin-left: 20px;
    position: absolute;
    
}

.info_head_img img{ 
     width: 60px; 
}

.profile_info {
     margin: 0 auto;
	 height: 60px;
	font-size: 14px;
	color: #454545; 
} 
.profile_info .loginlink{
    width: 80px;
     margin: 0 auto;
	 height: 60px;
	 font-size: 1.2em;
	 color: #454545; 
    text-decoration: none;
    text-align: center;
}

.profile_info a{
    color: #454545; 
    text-decoration: none; 
     font-size: 1.2em;
}
 
.profile_info .loginlink a:hover,  .profile_info .loginlink a:active  .profile_info .loginlink a:link,  .profile_info .loginlink a:visited{
	  
     font-size: 1.2em;
     font-weight: 500;
     text-align: center;
     text-decoration: none;
     color:  #454545;

}
#deleteBtn {
    font-size: 16px;
     font-weight: 500;
}

        .weinxPlane {
            width: 96%;
            margin: 0 auto;

        }
          .weinxPlane img{

        }
          .ShareBtn {
              width: 100%; text-align: center; height: 46px; background-color: #ff5bb0; line-height: 46px; display: inline-block;
          }

          .ShareBtn .black {
              background-color: #313030;
              
          }


          
.HtmlAttribute {
    width: 98%;
    margin: 5px auto;
}

.HtmlAttribute h2{
     font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif;
    margin: 5px auto;
    text-align: center;
}

.HtmlAttribute img {
     width: 98%;
}

 .productimg img {
     width: 80px;
     float: left;
     margin:0 5px;
 }

         .QueryPanl {
            width: 320px;margin: 0 auto;
        }

          .QueryPanl img{
            width:200px;margin: 0 auto;
             text-align: center;
        } 

         .QueryResult {
             text-align: left;
             margin: 10px;
         }


         
#pnum {
    line-height: 16px;
    height: 16px;
}
.reduce {
    font-size:  14px;
}

.add {
    font-size:  14px;
}

 .ex-tooltip{position:absolute;background:#EEE;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:5px;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-ms-box-shadow:0 1px 3px #000;-o-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #000;border-collapse:separate;display:none}